<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>签到</title>
</head>
<body>
    <div style="border:2px green solid; width:500px;height: 400px">
        <div align="left" style="width: 500px;">
            <form action="/load" method="post" enctype="multipart/form-data">
                <p><input type="file" name="file"><input type="submit" value="导入数据"></p>
            </form>
            <h3 align="left">学生名单（还有<span th:text="${state.nosum}"></span>未签到）</h3>
            <div style="width: 300px" >
                <h5 th:each="noSignin:${state.noSignin}" th:text="${noSignin.name}" style="float: left;padding: 5px"></h5>
            </div>
        </div>

        <div align="left" style="width: 500px;float: right;">
            <h3>签到名单：已签到<span th:text="${state.insum}"></span>人</h3>
            <div style="width: 300px" >
                <h3 th:each="sigin:${state.sigin}" th:text="${sigin.name}" style="float: left;padding: 5px"></h3>
            </div>

            <form action="/sign" method="get" style="float: right" >
                <p><input type="text" name="name"><input type="submit" value="签到"></p>
            </form>
        </div>
    </div>

</body>
</html>